<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <link href="js/layui/css/layui.css" rel="stylesheet">
    <script type="text/javascript" src="js/layui/layui.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="js/iframe.js"></script>
</head>
<body>
<div>
    &nbsp;&nbsp;&nbsp;
    <div class="btn btn-info" onclick="qpso()">QPSO优化</div>
    <div class="btn btn-info" onclick="lstm()">训练LSTM模型</div>
    <div class="btn btn-info" onclick="predict()">模型预测</div>
</div>
<table class="layui-hide" id="test"></table>
<script>
    layui.use('table', function () {
        var table = layui.table;

        table.render({
            elem: '#test'
            , url: 'http://127.0.0.1:14028/webgis/njod/get'
            , cellMinWidth: 40 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [
                [
/*                    {field: 'f1', title: '编号'},
                    {field: 'bikeId', title: '自行车编号'},*/
/*                    {field: 'data', title: '日期'},*/
                    {field: 'startLng', title: '起点经度'},
                    {field: 'startLat', title: '起点纬度'},
                    {field: 'endLng', title: '终点经度'},
                    {field: 'endLat', title: '终点纬度'},
/*                    {field: 'time', title: '时间', sort: true}*/
                ]
            ]
            , page: true
        });
    });

</script>
</body>
</html>
